#everything {
  background: #F5F5F5;
}

#content {
  background: #FFF;
}

#sidebar {
  width: 270px;
}

.sidebar-spacing {
  position: fixed;
}

.content-spacing {
  padding-top: 0;
}

.content-spacing > .section > .section {
  padding-top: 32px;
  margin-bottom: 0 !important;
}

.content-spacing > .section > .section:after {
  content: " ";
  display: block;
  border-bottom: 10px solid #F5F5F5;
  margin: 0 -32px;
}

.content-spacing > .section > .section > .section h1:before {
  content: " ";
  display: block;
  border-top: 1px solid #F1F1F1;
  padding-top: 50px;
  margin: 50px 0 0;
}

/* .content-spacing > .section > .section > .section > .section:before { */
/*   content: " "; */
/*   display: block; */
/*   border-top: 1px solid #F1F1F1; */
/*   padding-top: 50px; */
/*   margin: 50px 0 0; */
/* } */

.content-spacing > .section > .section .section {
  margin-top: 30px;
}

.literate-segment .code:empty {
  display: none !important;
}

@media (min-width: 1525px) {
  .pipeline-image {
    width: 850px !important;
  }

  .literate-segment {
    display: block !important;
    margin-bottom: 0;
  }

  .literate-entry {
    display: block !important;
  }

  .literate-segment .prose {
    display: block !important;
    padding-right: 0 !important;
    min-width: auto !important;
  }

  .literate-segment .prose p {
    max-width: auto !important;
  }

  .literate-segment .code {
    display: block !important;
    min-width: auto !important;
  }

  .literate-segment .code .highlight pre {
    margin: 0 !important;
  }
}

@media (min-width: 1729px) {
  .literate-segment .pipeline-image {
    width: 1407px !important;
  }

  .literate-segment {
    display: table !important;
    margin-bottom: 40px !important;
  }

  .literate-entry {
    display: table-row !important;
  }

  .literate-segment .prose {
    display: table-cell !important;
    vertical-align: top !important;
    padding-right: 32px !important;
    min-width: 850px !important;
  }

  .literate-segment .prose p {
    max-width: 850px !important;
  }

  .literate-segment .code {
    display: table-cell !important;
    min-width: 525px !important;
    vertical-align: top !important;
  }

  .literate-segment .code .highlight pre {
    margin: 0 !important;
    background: #EDEDED !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}
